<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>我要写简历 | 前端档案</title>
    <meta name="generator" content="VuePress 1.8.2">
    <link rel="icon" href="/favicon.ico">
    <meta name="description" content="前端通关宝典">
    <meta name="theme-color" content="#3eaf7c">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    
    <link rel="preload" href="/assets/css/0.styles.e02fc531.css" as="style"><link rel="preload" href="/assets/js/app.bf44e39b.js" as="script"><link rel="preload" href="/assets/js/2.db7a59af.js" as="script"><link rel="preload" href="/assets/js/253.9d736b7d.js" as="script"><link rel="prefetch" href="/assets/js/10.3bbe2f24.js"><link rel="prefetch" href="/assets/js/100.43061c81.js"><link rel="prefetch" href="/assets/js/101.2e8a188c.js"><link rel="prefetch" href="/assets/js/102.3f4f14f0.js"><link rel="prefetch" href="/assets/js/103.5ed45f48.js"><link rel="prefetch" href="/assets/js/104.29ef9283.js"><link rel="prefetch" href="/assets/js/105.e4051d70.js"><link rel="prefetch" href="/assets/js/106.ec073f00.js"><link rel="prefetch" href="/assets/js/107.9b165150.js"><link rel="prefetch" href="/assets/js/108.c0031864.js"><link rel="prefetch" href="/assets/js/109.06bb75a7.js"><link rel="prefetch" href="/assets/js/11.402e3434.js"><link rel="prefetch" href="/assets/js/110.edc92528.js"><link rel="prefetch" href="/assets/js/111.e50e0cca.js"><link rel="prefetch" href="/assets/js/112.b0decdf4.js"><link rel="prefetch" href="/assets/js/113.f0801886.js"><link rel="prefetch" href="/assets/js/114.25ab8fa4.js"><link rel="prefetch" href="/assets/js/115.36fc62f3.js"><link rel="prefetch" href="/assets/js/116.8df9a6aa.js"><link rel="prefetch" href="/assets/js/117.1ec0fada.js"><link rel="prefetch" href="/assets/js/118.51c54869.js"><link rel="prefetch" href="/assets/js/119.d708669d.js"><link rel="prefetch" href="/assets/js/12.eba9a66a.js"><link rel="prefetch" href="/assets/js/120.a44efeea.js"><link rel="prefetch" href="/assets/js/121.581a4ae4.js"><link rel="prefetch" href="/assets/js/122.e54e19e1.js"><link rel="prefetch" href="/assets/js/123.62aa41d0.js"><link rel="prefetch" href="/assets/js/124.c51c6b7f.js"><link rel="prefetch" href="/assets/js/125.68055811.js"><link rel="prefetch" href="/assets/js/126.8b16d246.js"><link rel="prefetch" href="/assets/js/127.fc7608d6.js"><link rel="prefetch" href="/assets/js/128.0df431fc.js"><link rel="prefetch" href="/assets/js/129.77241cfd.js"><link rel="prefetch" href="/assets/js/13.a3e65817.js"><link rel="prefetch" href="/assets/js/130.2bf0b622.js"><link rel="prefetch" href="/assets/js/131.77da1093.js"><link rel="prefetch" href="/assets/js/132.c1ac84bc.js"><link rel="prefetch" href="/assets/js/133.001af559.js"><link rel="prefetch" href="/assets/js/134.98ff69db.js"><link rel="prefetch" href="/assets/js/135.b91963f4.js"><link rel="prefetch" href="/assets/js/136.e3df531a.js"><link rel="prefetch" href="/assets/js/137.157c5a5f.js"><link rel="prefetch" href="/assets/js/138.1d3a1791.js"><link rel="prefetch" href="/assets/js/139.9e17df54.js"><link rel="prefetch" href="/assets/js/14.bd9cc5f8.js"><link rel="prefetch" href="/assets/js/140.22839840.js"><link rel="prefetch" href="/assets/js/141.dbde614d.js"><link rel="prefetch" href="/assets/js/142.5a6858ba.js"><link rel="prefetch" href="/assets/js/143.e26d707c.js"><link rel="prefetch" href="/assets/js/144.5b1fbe13.js"><link rel="prefetch" href="/assets/js/145.09921e20.js"><link rel="prefetch" href="/assets/js/146.8ea606b7.js"><link rel="prefetch" href="/assets/js/147.41bda9d5.js"><link rel="prefetch" href="/assets/js/148.d89f18bc.js"><link rel="prefetch" href="/assets/js/149.16aa39c9.js"><link rel="prefetch" href="/assets/js/15.deb2f25a.js"><link rel="prefetch" href="/assets/js/150.07798494.js"><link rel="prefetch" href="/assets/js/151.6732ee94.js"><link rel="prefetch" href="/assets/js/152.c644167e.js"><link rel="prefetch" href="/assets/js/153.040f256b.js"><link rel="prefetch" href="/assets/js/154.1cec3035.js"><link rel="prefetch" href="/assets/js/155.a4b51a17.js"><link rel="prefetch" href="/assets/js/156.095b78e0.js"><link rel="prefetch" href="/assets/js/157.eb262a26.js"><link rel="prefetch" href="/assets/js/158.35756e8c.js"><link rel="prefetch" href="/assets/js/159.6ac43664.js"><link rel="prefetch" href="/assets/js/16.c7b17381.js"><link rel="prefetch" href="/assets/js/160.0a56c40c.js"><link rel="prefetch" href="/assets/js/161.8320b48a.js"><link rel="prefetch" href="/assets/js/162.09ba1172.js"><link rel="prefetch" href="/assets/js/163.f7fb82e8.js"><link rel="prefetch" href="/assets/js/164.ab9df42b.js"><link rel="prefetch" href="/assets/js/165.f012858f.js"><link rel="prefetch" href="/assets/js/166.b3f190e3.js"><link rel="prefetch" href="/assets/js/167.43b66e59.js"><link rel="prefetch" href="/assets/js/168.4eb162d3.js"><link rel="prefetch" href="/assets/js/169.0375d2cf.js"><link rel="prefetch" href="/assets/js/17.da61c942.js"><link rel="prefetch" href="/assets/js/170.90c9c235.js"><link rel="prefetch" href="/assets/js/171.672fc257.js"><link rel="prefetch" href="/assets/js/172.dfa9d8d9.js"><link rel="prefetch" href="/assets/js/173.61a6ec8e.js"><link rel="prefetch" href="/assets/js/174.4f4ef0d7.js"><link rel="prefetch" href="/assets/js/175.675d01d1.js"><link rel="prefetch" href="/assets/js/176.5bd1bcb7.js"><link rel="prefetch" href="/assets/js/177.4355dadd.js"><link rel="prefetch" href="/assets/js/178.79ed29b8.js"><link rel="prefetch" href="/assets/js/179.2247dc30.js"><link rel="prefetch" href="/assets/js/18.6e554767.js"><link rel="prefetch" href="/assets/js/180.db79361a.js"><link rel="prefetch" href="/assets/js/181.85a33295.js"><link rel="prefetch" href="/assets/js/182.0bc317bc.js"><link rel="prefetch" href="/assets/js/183.7769a38e.js"><link rel="prefetch" href="/assets/js/184.9b0aba05.js"><link rel="prefetch" href="/assets/js/185.f6dc87bd.js"><link rel="prefetch" href="/assets/js/186.e3b7de00.js"><link rel="prefetch" href="/assets/js/187.a6dadcea.js"><link rel="prefetch" href="/assets/js/188.d3f8b0e3.js"><link rel="prefetch" href="/assets/js/189.1112499f.js"><link rel="prefetch" href="/assets/js/19.f800e0d1.js"><link rel="prefetch" href="/assets/js/190.e3255e84.js"><link rel="prefetch" href="/assets/js/191.34deece6.js"><link rel="prefetch" href="/assets/js/192.69821c0e.js"><link rel="prefetch" href="/assets/js/193.769a5088.js"><link rel="prefetch" href="/assets/js/194.afaa2cde.js"><link rel="prefetch" href="/assets/js/195.5b94bbc6.js"><link rel="prefetch" href="/assets/js/196.3b078264.js"><link rel="prefetch" href="/assets/js/197.2d9585d3.js"><link rel="prefetch" href="/assets/js/198.3095d8b8.js"><link rel="prefetch" href="/assets/js/199.79b6db11.js"><link rel="prefetch" href="/assets/js/20.4a74a968.js"><link rel="prefetch" href="/assets/js/200.c309ef7a.js"><link rel="prefetch" href="/assets/js/201.bded46e8.js"><link rel="prefetch" href="/assets/js/202.801fb3ea.js"><link rel="prefetch" href="/assets/js/203.b9933f5e.js"><link rel="prefetch" href="/assets/js/204.255b43df.js"><link rel="prefetch" href="/assets/js/205.000fb7ac.js"><link rel="prefetch" href="/assets/js/206.8f945829.js"><link rel="prefetch" href="/assets/js/207.74942b2e.js"><link rel="prefetch" href="/assets/js/208.329d8230.js"><link rel="prefetch" href="/assets/js/209.3fc54586.js"><link rel="prefetch" href="/assets/js/21.5f725cbd.js"><link rel="prefetch" href="/assets/js/210.1aa9659f.js"><link rel="prefetch" href="/assets/js/211.702df03f.js"><link rel="prefetch" href="/assets/js/212.ca95f208.js"><link rel="prefetch" href="/assets/js/213.024b4fa6.js"><link rel="prefetch" href="/assets/js/214.e2830dd8.js"><link rel="prefetch" href="/assets/js/215.0b646cb4.js"><link rel="prefetch" href="/assets/js/216.9bd6d019.js"><link rel="prefetch" href="/assets/js/217.586593b4.js"><link rel="prefetch" href="/assets/js/218.a2244829.js"><link rel="prefetch" href="/assets/js/219.1d858220.js"><link rel="prefetch" href="/assets/js/22.7d2b7a74.js"><link rel="prefetch" href="/assets/js/220.7f5e3dbd.js"><link rel="prefetch" href="/assets/js/221.d1f79d31.js"><link rel="prefetch" href="/assets/js/222.51d8a12c.js"><link rel="prefetch" href="/assets/js/223.797028ea.js"><link rel="prefetch" href="/assets/js/224.d925bf8b.js"><link rel="prefetch" href="/assets/js/225.cfe12606.js"><link rel="prefetch" href="/assets/js/226.b6bd41b4.js"><link rel="prefetch" href="/assets/js/227.15412d16.js"><link rel="prefetch" href="/assets/js/228.66af5157.js"><link rel="prefetch" href="/assets/js/229.cfb11559.js"><link rel="prefetch" href="/assets/js/23.1409c9f4.js"><link rel="prefetch" href="/assets/js/230.d2e613b5.js"><link rel="prefetch" href="/assets/js/231.85b8958b.js"><link rel="prefetch" href="/assets/js/232.42df48c8.js"><link rel="prefetch" href="/assets/js/233.d3be0c78.js"><link rel="prefetch" href="/assets/js/234.bb68d0be.js"><link rel="prefetch" href="/assets/js/235.bfd00052.js"><link rel="prefetch" href="/assets/js/236.3d58cc9d.js"><link rel="prefetch" href="/assets/js/237.d9af6062.js"><link rel="prefetch" href="/assets/js/238.54894974.js"><link rel="prefetch" href="/assets/js/239.b69669d0.js"><link rel="prefetch" href="/assets/js/24.e06b2b32.js"><link rel="prefetch" href="/assets/js/240.44f7b333.js"><link rel="prefetch" href="/assets/js/241.2d307b1a.js"><link rel="prefetch" href="/assets/js/242.47aecf42.js"><link rel="prefetch" href="/assets/js/243.b5afbb6e.js"><link rel="prefetch" href="/assets/js/244.8e04094f.js"><link rel="prefetch" href="/assets/js/245.78009475.js"><link rel="prefetch" href="/assets/js/246.eb7991c2.js"><link rel="prefetch" href="/assets/js/247.00c024fd.js"><link rel="prefetch" href="/assets/js/248.144c2842.js"><link rel="prefetch" href="/assets/js/249.35bae652.js"><link rel="prefetch" href="/assets/js/25.5e7aeaa8.js"><link rel="prefetch" href="/assets/js/250.854bde18.js"><link rel="prefetch" href="/assets/js/251.7cbb77f8.js"><link rel="prefetch" href="/assets/js/252.1ed96448.js"><link rel="prefetch" href="/assets/js/254.137c6595.js"><link rel="prefetch" href="/assets/js/255.ac6865dc.js"><link rel="prefetch" href="/assets/js/256.055e06fd.js"><link rel="prefetch" href="/assets/js/257.63559614.js"><link rel="prefetch" href="/assets/js/258.b6958ba1.js"><link rel="prefetch" href="/assets/js/259.bc6da491.js"><link rel="prefetch" href="/assets/js/26.77d42111.js"><link rel="prefetch" href="/assets/js/260.a8e9559d.js"><link rel="prefetch" href="/assets/js/261.b051c6dd.js"><link rel="prefetch" href="/assets/js/262.e83c7ca8.js"><link rel="prefetch" href="/assets/js/263.bd14a165.js"><link rel="prefetch" href="/assets/js/264.65c3b624.js"><link rel="prefetch" href="/assets/js/265.db4371b9.js"><link rel="prefetch" href="/assets/js/266.97118d6c.js"><link rel="prefetch" href="/assets/js/267.de83cb0b.js"><link rel="prefetch" href="/assets/js/268.2bdd86cb.js"><link rel="prefetch" href="/assets/js/269.9c9a802f.js"><link rel="prefetch" href="/assets/js/27.fa37605f.js"><link rel="prefetch" href="/assets/js/270.f599f9fe.js"><link rel="prefetch" href="/assets/js/271.275d4619.js"><link rel="prefetch" href="/assets/js/272.ed0fabf6.js"><link rel="prefetch" href="/assets/js/273.fc279fbe.js"><link rel="prefetch" href="/assets/js/274.fe4b3d21.js"><link rel="prefetch" href="/assets/js/275.922677e1.js"><link rel="prefetch" href="/assets/js/276.597ceb81.js"><link rel="prefetch" href="/assets/js/277.71871d2e.js"><link rel="prefetch" href="/assets/js/278.10923657.js"><link rel="prefetch" href="/assets/js/279.cddbf2d7.js"><link rel="prefetch" href="/assets/js/28.7418a003.js"><link rel="prefetch" href="/assets/js/280.66542c64.js"><link rel="prefetch" href="/assets/js/281.c7ca5292.js"><link rel="prefetch" href="/assets/js/282.d105ef08.js"><link rel="prefetch" href="/assets/js/283.ae8d69c7.js"><link rel="prefetch" href="/assets/js/284.8763c337.js"><link rel="prefetch" href="/assets/js/285.cce4e007.js"><link rel="prefetch" href="/assets/js/29.42b5bf54.js"><link rel="prefetch" href="/assets/js/3.a2af090e.js"><link rel="prefetch" href="/assets/js/30.7fe0ece5.js"><link rel="prefetch" href="/assets/js/31.e05d012e.js"><link rel="prefetch" href="/assets/js/32.0a6466c6.js"><link rel="prefetch" href="/assets/js/33.8db270b1.js"><link rel="prefetch" href="/assets/js/34.c6e6ae70.js"><link rel="prefetch" href="/assets/js/35.8fc12d56.js"><link rel="prefetch" href="/assets/js/36.cb54baf3.js"><link rel="prefetch" href="/assets/js/37.656cb8eb.js"><link rel="prefetch" href="/assets/js/38.9152ff6b.js"><link rel="prefetch" href="/assets/js/39.f71e5e3d.js"><link rel="prefetch" href="/assets/js/4.02de3c47.js"><link rel="prefetch" href="/assets/js/40.3d664ab4.js"><link rel="prefetch" href="/assets/js/41.fc6e4f78.js"><link rel="prefetch" href="/assets/js/42.c17c3353.js"><link rel="prefetch" href="/assets/js/43.e78a329f.js"><link rel="prefetch" href="/assets/js/44.326a0948.js"><link rel="prefetch" href="/assets/js/45.67e6e1d4.js"><link rel="prefetch" href="/assets/js/46.85f71b1e.js"><link rel="prefetch" href="/assets/js/47.f2e524a6.js"><link rel="prefetch" href="/assets/js/48.843108ee.js"><link rel="prefetch" href="/assets/js/49.98713c95.js"><link rel="prefetch" href="/assets/js/5.f38c3daa.js"><link rel="prefetch" href="/assets/js/50.2c70898f.js"><link rel="prefetch" href="/assets/js/51.023fea5d.js"><link rel="prefetch" href="/assets/js/52.3877af4c.js"><link rel="prefetch" href="/assets/js/53.3938d117.js"><link rel="prefetch" href="/assets/js/54.4cf45721.js"><link rel="prefetch" href="/assets/js/55.6894de94.js"><link rel="prefetch" href="/assets/js/56.48fd0f63.js"><link rel="prefetch" href="/assets/js/57.2c3b8155.js"><link rel="prefetch" href="/assets/js/58.fee976b4.js"><link rel="prefetch" href="/assets/js/59.d57c3ac9.js"><link rel="prefetch" href="/assets/js/6.a7d50f34.js"><link rel="prefetch" href="/assets/js/60.9954df49.js"><link rel="prefetch" href="/assets/js/61.1b870f60.js"><link rel="prefetch" href="/assets/js/62.37537ac3.js"><link rel="prefetch" href="/assets/js/63.5e7cfac8.js"><link rel="prefetch" href="/assets/js/64.407003ca.js"><link rel="prefetch" href="/assets/js/65.ba6c5d7d.js"><link rel="prefetch" href="/assets/js/66.2b5a751b.js"><link rel="prefetch" href="/assets/js/67.2faf15d0.js"><link rel="prefetch" href="/assets/js/68.19e50dcb.js"><link rel="prefetch" href="/assets/js/69.eec003cb.js"><link rel="prefetch" href="/assets/js/7.6c196c91.js"><link rel="prefetch" href="/assets/js/70.98d2461a.js"><link rel="prefetch" href="/assets/js/71.184225a4.js"><link rel="prefetch" href="/assets/js/72.956d136a.js"><link rel="prefetch" href="/assets/js/73.3e68378e.js"><link rel="prefetch" href="/assets/js/74.cec669e7.js"><link rel="prefetch" href="/assets/js/75.d418b5f0.js"><link rel="prefetch" href="/assets/js/76.f3f9ccd6.js"><link rel="prefetch" href="/assets/js/77.f24df03b.js"><link rel="prefetch" href="/assets/js/78.7eee67a8.js"><link rel="prefetch" href="/assets/js/79.8fadb3f7.js"><link rel="prefetch" href="/assets/js/8.b7eb2fb2.js"><link rel="prefetch" href="/assets/js/80.4f6165b0.js"><link rel="prefetch" href="/assets/js/81.49b03807.js"><link rel="prefetch" href="/assets/js/82.7ea07224.js"><link rel="prefetch" href="/assets/js/83.d6bd71b7.js"><link rel="prefetch" href="/assets/js/84.26db1aa8.js"><link rel="prefetch" href="/assets/js/85.c8f1f3bb.js"><link rel="prefetch" href="/assets/js/86.fd1c3c7f.js"><link rel="prefetch" href="/assets/js/87.38ab6ed9.js"><link rel="prefetch" href="/assets/js/88.f0a874e0.js"><link rel="prefetch" href="/assets/js/89.2b3352d4.js"><link rel="prefetch" href="/assets/js/9.d7ae4925.js"><link rel="prefetch" href="/assets/js/90.286cc7d4.js"><link rel="prefetch" href="/assets/js/91.c17c366b.js"><link rel="prefetch" href="/assets/js/92.29bc2389.js"><link rel="prefetch" href="/assets/js/93.6d335097.js"><link rel="prefetch" href="/assets/js/94.89ab26c7.js"><link rel="prefetch" href="/assets/js/95.f2493183.js"><link rel="prefetch" href="/assets/js/96.6662ec36.js"><link rel="prefetch" href="/assets/js/97.22c9d3f9.js"><link rel="prefetch" href="/assets/js/98.0b0b77a2.js"><link rel="prefetch" href="/assets/js/99.df5f5981.js">
    <link rel="stylesheet" href="/assets/css/0.styles.e02fc531.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><img src="/images/logo.png" alt="前端档案" class="logo"> <span class="site-name can-hide">前端档案</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/guide/" class="nav-link">
  指南
</a></div><div class="nav-item"><a href="/fe/" class="nav-link">
  前端
</a></div><div class="nav-item"><a href="/be/" class="nav-link">
  后端
</a></div><div class="nav-item"><a href="/base/" class="nav-link">
  基础
</a></div><div class="nav-item"><a href="/tools/" class="nav-link">
  工具
</a></div><div class="nav-item"><a href="/resume/" aria-current="page" class="nav-link router-link-exact-active router-link-active">
  简历
</a></div><div class="nav-item"><a href="/experience/" class="nav-link">
  面经
</a></div><div class="nav-item"><a href="/technology/" class="nav-link">
  八股文
</a></div><div class="nav-item"><a href="/thinks/" class="nav-link">
  思考
</a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/guide/" class="nav-link">
  指南
</a></div><div class="nav-item"><a href="/fe/" class="nav-link">
  前端
</a></div><div class="nav-item"><a href="/be/" class="nav-link">
  后端
</a></div><div class="nav-item"><a href="/base/" class="nav-link">
  基础
</a></div><div class="nav-item"><a href="/tools/" class="nav-link">
  工具
</a></div><div class="nav-item"><a href="/resume/" aria-current="page" class="nav-link router-link-exact-active router-link-active">
  简历
</a></div><div class="nav-item"><a href="/experience/" class="nav-link">
  面经
</a></div><div class="nav-item"><a href="/technology/" class="nav-link">
  八股文
</a></div><div class="nav-item"><a href="/thinks/" class="nav-link">
  思考
</a></div> <!----></nav>  <ul class="sidebar-links"><li><a href="/resume/" aria-current="page" class="active sidebar-link">我要写简历</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/resume/#亮点" class="sidebar-link">亮点</a></li><li class="sidebar-sub-header"><a href="/resume/#简历参考" class="sidebar-link">简历参考</a></li><li class="sidebar-sub-header"><a href="/resume/#简历关键字" class="sidebar-link">简历关键字</a></li><li class="sidebar-sub-header"><a href="/resume/#如何写简历" class="sidebar-link">如何写简历</a></li><li class="sidebar-sub-header"><a href="/resume/#自我概述" class="sidebar-link">自我概述</a></li><li class="sidebar-sub-header"><a href="/resume/#工作经历" class="sidebar-link">工作经历</a></li><li class="sidebar-sub-header"><a href="/resume/#如何有逻辑的回答问题" class="sidebar-link">如何有逻辑的回答问题</a></li><li class="sidebar-sub-header"><a href="/resume/#如何回答没有遇到过的技术问题-技术广度有盲区" class="sidebar-link">如何回答没有遇到过的技术问题（技术广度有盲区）</a></li><li class="sidebar-sub-header"><a href="/resume/#如何引导面试官对你擅长的领域进行深入探讨-技术深度没有被挖掘" class="sidebar-link">如何引导面试官对你擅长的领域进行深入探讨（技术深度没有被挖掘）</a></li><li class="sidebar-sub-header"><a href="/resume/#既无技术深度-又无技术广度怎么办" class="sidebar-link">既无技术深度，又无技术广度怎么办？</a></li><li class="sidebar-sub-header"><a href="/resume/#怎么寻找技术亮点" class="sidebar-link">怎么寻找技术亮点</a></li></ul></li><li><a href="/resume/zhangqiuyi.html" class="sidebar-link">张秋怡-优秀简历</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="我要写简历"><a href="#我要写简历" class="header-anchor">#</a> 我要写简历</h1> <p>工作就是为了写简历，学习就是为了刷面试题</p> <h2 id="亮点"><a href="#亮点" class="header-anchor">#</a> 亮点</h2> <p>有自己的开源项目，定期在掘金产出优质文章（部分文章 被各大公众号转载）</p> <p>阅读过React相关库的源码并 尝试实现（如 react-router）</p> <p>官方脚手架搭建项目，喜欢手动搭建项目骨架</p> <p>具备良好的编程习惯，代码规范、整洁、可维护性强</p> <p>封装有一定的经验</p> <h2 id="简历参考"><a href="#简历参考" class="header-anchor">#</a> 简历参考</h2> <ul><li><a href="https://www.zhihu.com/question/21520021" target="_blank" rel="noopener noreferrer">一个优秀的前端工程师简历应该是怎样的？ - 知乎<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://bilibiliou.github.io/assets/download/resume/" target="_blank" rel="noopener noreferrer">优秀简历 - 欧阳湘粤<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://www.bilibili.com/video/BV1kE411N7wK" target="_blank" rel="noopener noreferrer">前端工程师直播用 HTML/CSS/JS 写自己的简历！ - 饥人谷<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>：<a href="https://github.com/FrankFang/cv-2020" target="_blank" rel="noopener noreferrer">Github 源码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="简历关键字"><a href="#简历关键字" class="header-anchor">#</a> 简历关键字</h2> <div class="language-text extra-class"><pre class="language-text"><code>HTML5&amp;amp;CSS3&amp;amp;移动端
W3C规范、开发调试、浏览器兼容、代码可读性、常见布局、HTML5、CSS3、盒模型
浮动定位、BFC、CSS3动画、Flex、Grid、栅格系统、响应式、移动端适配

JavaScript
事件模型、DOM 操作、Ajax封装、Jsonp封装、跨域、Promise手写、HTTP缓存、HTTP2/3
闭包、原型链、原生UI组件封装、发布订阅、防抖节流、性能优化

框架&amp;amp;工具
Webpack、ES6 Moudle、Node.js、Babel、PostCSS、Sass、Less
React、Hooks、CRA、Redux、Mobx、ReactRouter、Antd
Vue2、Vue3、Vite、VueRouter、Vuex、ElementUI

后端语言
Nodejs、Express.js、Egg.js、中间件、ORM、数据库、Radius、Cookie/Session、JWT

新技术&amp;amp;其他
TypeScript、Flutter、Uniapp、Taro、数据可视化

精通，掌握/熟悉，了解（新技术）

熟练使用xx工具做什么事
能用xx做什么事情
有xx使用经验

项目
这个产品的解决的行业痛点是什么，产品的规模、数据如何。产品有哪些功能、模块，用了哪些技术，我在项目中承担哪些角色，具体做了什么，遇到哪些难题，如何做优化，通过我做的事带来多少收益
</code></pre></div><h2 id="如何写简历"><a href="#如何写简历" class="header-anchor">#</a> 如何写简历</h2> <ul><li><a href="https://www.zhihu.com/question/21520021" target="_blank" rel="noopener noreferrer">知乎-一个优秀的前端工程师简历应该是怎样的？<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://bilibiliou.github.io/assets/download/resume/" target="_blank" rel="noopener noreferrer">简历模板<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <p>简历经验文章看了一大把，这样。。。那样。。。，最后还是不会改，还不如来一些实例</p> <ol><li>简历里要有你工作的技术细节</li> <li>不要让平淡的事情冲淡了你的简历的吸引力</li> <li>真实的反映你的工作，不要浮夸</li> <li>详细列出所有能提升你形象的事情 (奖励, 特别的项目)</li> <li>别撒谎</li> <li>二五原则，每家公司 2 年以上，或一家公司 5 年以上</li></ol> <p>公式一：</p> <blockquote><p>使用什么工具 + 实现了什么功能 + 结果怎么样</p></blockquote> <p>公式二：</p> <blockquote><p>承担角色，做了哪些东西，用了哪些技术，解决了什么问题。要出现技术名词，细节，可量化的成果</p></blockquote> <p>项目描述公式：</p> <blockquote><p>重要项目详细描述（不少于 3 行），是什么，用了哪些技术，解决了什么问题，地址</p></blockquote> <h2 id="自我概述"><a href="#自我概述" class="header-anchor">#</a> 自我概述</h2> <p>内容简述，眼前一亮（控制在 50 字以内）</p> <p>熟悉的技术栈，钻研的技术方向（数据可视化、动画游戏、CDN、网络安全、网络协议、网络性能优化、服务端运维、异常监控、数据统计、模版引擎、CSS 新特性、智能化搭建、webIDE、可视化编排、SSR 服
务端渲染、跨端技术、serverless/node、信息无障碍、中后台组件库、架构设计、工程效能、持续集成、自动化测试等等）</p> <p>有哪些专利、知名开源项目</p> <p>是否带团队，团队规模，有哪些亮眼的项目结果</p> <h2 id="工作经历"><a href="#工作经历" class="header-anchor">#</a> 工作经历</h2> <p>突出个人业务能力、技术能力、协作能力的重点项目列表</p> <p>3 句话描述清楚负责的业务领域（这块业务有没有因为你而不同亮点）</p> <p>技术栈、技术难点、解决方案</p> <p>跨团队、跨部门、异地跨国协作</p> <h2 id="如何有逻辑的回答问题"><a href="#如何有逻辑的回答问题" class="header-anchor">#</a> 如何有逻辑的回答问题</h2> <p>STAR 原则</p> <p>solution 背景 （项目的来龙去脉）</p> <p>task 任务 （在项目中主要负责什么，遇到了哪些技术难点）</p> <p>action 行动 （调研对比了哪些技术方案，最终选择什么方案，原因是什么）</p> <p>result 结果（技术方案落地后，效果如何）</p> <h2 id="如何回答没有遇到过的技术问题-技术广度有盲区"><a href="#如何回答没有遇到过的技术问题-技术广度有盲区" class="header-anchor">#</a> 如何回答没有遇到过的技术问题（技术广度有盲区）</h2> <p>先如实回答没有碰到过，降低面试官心理预期。</p> <ol><li>如果完全没有学习过这个领域，就放弃这个问题，引导面试官对你熟悉的领域进行深入探讨（考察广度转向考察深度）</li> <li>如果有了解过，可以阐述你的思考过程，回答你经过思考后有哪些解决方案（不一定可行）</li></ol> <h2 id="如何引导面试官对你擅长的领域进行深入探讨-技术深度没有被挖掘"><a href="#如何引导面试官对你擅长的领域进行深入探讨-技术深度没有被挖掘" class="header-anchor">#</a> 如何引导面试官对你擅长的领域进行深入探讨（技术深度没有被挖掘）</h2> <p>如果全程没有问到你研究的技术领域，请直接说出你重点研究的方向进行探讨</p> <h2 id="既无技术深度-又无技术广度怎么办"><a href="#既无技术深度-又无技术广度怎么办" class="header-anchor">#</a> 既无技术深度，又无技术广度怎么办？</h2> <ol><li>沉淀、反思，寻找自己的技术激情（方向）</li> <li>接受平淡，甘心做个切图仔</li> <li>转行养老</li></ol> <div class="language-text extra-class"><pre class="language-text"><code>在一个3人组成的团队里开发一个 e-mail 插件
||
1. 工作的挑战性如何
2. 你的工作跟我们公司有多少相关性
||
用C++语言实现一个用来执行自动备份的 Outlook e-mail 插件。
有三个人一起开发这个任务，其他两个人分别负责编写备份存储服务器和产品的打包、分发给300000个客户
</code></pre></div><div class="language-text extra-class"><pre class="language-text"><code>我按时完成了这个任务，并达到了预期目标
||
去掉
</code></pre></div><div class="language-text extra-class"><pre class="language-text"><code>1. 优化ABC组件代码，使其执行效率提高20%；
2. 用C++实现ABC组件的前端程序；
3. 整理文档，做一些行政工作；
||
第3条去掉
</code></pre></div><div class="language-text extra-class"><pre class="language-text"><code>快速的开发出了令人赞叹的软件
||
通过3周的努力使软件的效率提高了25%
</code></pre></div><div class="language-text extra-class"><pre class="language-text"><code>我有个朋友叫M，我认识她有10年了。
她开发的一个产品让她的XXX公司赚取了百万美元，获得了很多的行业赞誉，这个软件成了她们公司的旗舰软件。
我去上海时，看到高速路旁边树着一排她们的产品的广告牌。
然而，当我看她的简历时，上面只写道：

* 公司产品的技术负责人，此产品为用户执行X任务提供企业级解决方案。

||
详细列出所有能提升你形象的事情 (奖励, 特别的项目)
</code></pre></div><div class="language-text extra-class"><pre class="language-text"><code>知道--能背--会用（无成果，项目-只是会用的堆叠）--会创--创新成果
找能体现 创（会创并有结果）的点
三方的东西越多，面试官的感观越差，不知道问你什么，除非对三方库做了有优化，有亮点东西才值得写
不要超过2页
不要只是用了什么做了什么，比如小程序，可以说性能优化，性能优化带来了什么好处
技术栈大小写要写对，写好看
通顺，看得懂
太基础不要写：如熟悉原生JavaScript，熟练使用git，这些是个前端都必会的
</code></pre></div><ul><li>使用什么工具： 使用 Scrapy 开发异步爬虫系统</li> <li>实现什么功能： 构建 IP 代理池，优化爬虫策略和防屏蔽规则</li> <li>结果怎么样：提升 200% 网页抓取速度</li></ul> <div class="language-text extra-class"><pre class="language-text"><code>根据项目任务要求完成规划工作和按时完成软件开发。
完成爬虫模块，展示模块。
开发后台管理系统，实现自定义分页，第三方登录。
完成数据整理与入库功能。
||
使用 Scrapy 开发异步爬虫系统，构建IP代理池，优化爬虫策略和防屏蔽规则，提升 200% 网页抓取速度。
优化项目结构，拆分出核心库、常量库、工具库等公共模块，使用 Vue 框架完成内部管理系统，实现自定义检索，第三方登录，自动化部署等 6个 核心功能。
负责数据的清洗与存储数据到 MySQL 数据库，通过日志分析定位慢查询，通过添加联合索引减少了 50% 数据库查询时间。
</code></pre></div><div class="language-text extra-class"><pre class="language-text"><code>1. 熟练掌握xxx技术
2. 了解xxx应用
||
1. 基于maidway+koa+xtemplate+gulp搭建java+nodejs集成开发环境，实现前后端分离
2. nodejs服务做h5页面的token验权，计算静态资源的md5实现manifest缓存机制，提供http、json服务、调用HSF服务
3. 团队内推def+cake工程化前端开发生态体系，引入AWP离线开发包开发部署方案，前端开发于java只需要mtop服务联调
4. 基于KIMI库共建10多个常用业务组件至集团KPM组件管理平台
5. 负责面粉WI-FI项目，使用def+cake+AWP的WebApp应用部署管理cdn静态资源的版本
6. 使用webpack+vue搭建后台管理应用
7. 掌握windvane，jsbridge通用能力并适配移动业务功能开发
</code></pre></div><div class="language-text extra-class"><pre class="language-text"><code>A: 我不帅、也买不起房子、身高也不够，但我愿意为你做任何事（滚粗！）
||
B: 我喜欢音乐、会写歌，养了条小狗，爱运动爱旅游，你愿意陪我到处走走看看吗（愿意~）
</code></pre></div><h3 id="简历-优化"><a href="#简历-优化" class="header-anchor">#</a> 简历 - 优化</h3> <p>2021-04-28 经过几轮面试后总结</p> <ul><li>到岗时间，离职状态 不要写，不要显示自己的窘境，迫切的急需这份工作</li> <li>20 多篇博客-亮点，<a href="https://www.jianshu.com/u/c7a41b8e64eb" target="_blank" rel="noopener noreferrer">简书<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>jQuery 和 bootstrap 已过时，太老的技术写了人家也不会问</li> <li>看了一些优秀的简历都是把新技术研究透透的，有几个优点，1-企业他们也想了解和使用新技术，2-你说的面试官不一定研究过面试会感觉你是大牛，3-侧面也显示学习能力强</li> <li>难怪他们盯着我写的 websocket 不放，每次必问</li> <li><a href="https://www.bilibili.com/video/BV1kE411N7wK" target="_blank" rel="noopener noreferrer">打造自己的专属简历<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://github.com/FrankFang/cv-2020" target="_blank" rel="noopener noreferrer">https://github.com/FrankFang/cv-2020<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>对 UI 库描述：已被公司前端同事广泛使用，有效提高前端团队的开发效率，制作过程中我对 xxx 和 xxx 有了新的认识，我将其总结为一篇博客《xxx》</li> <li>大幅提高 xxx 效率，（写量词容易被问怎么计算的，答不出来就感觉很业余），受到公司和用户好评</li> <li>xxx 都是由我主导，另外两名前端辅助我</li> <li>该项目大量使用 xxx，让我对 xxx 有了深刻的理解和应用</li> <li>scss 基本没被问到，git 和 svn 没被问，正则也不问，混合 app 其实也很少问</li> <li>scss 可以换成 css 变量</li> <li>刷多了面试题，基本知道问的是哪些东西，把被问的并且是我会的写简历里，替换已过时或没被问到的知识</li> <li>我是实干型的，简历也是实干型的，企业招的是会面试的，专业的面试人才，所以写的简历要贴近面试题库</li> <li>WebSocket，面试官会认为是做过即时通信，其实用得比较少，不属于技术范围，先删掉</li> <li>项目负责人，先删除，不然总问一些项目管理方面知识</li> <li>面试和工作不一样，比如我没做过 react，但是我背 100 道 react 面试题，面试官会认为我精通 react，这也反映一种学习方式</li> <li>nuxtjs 项目最好换成 react 项目（流行），至少是小程序（新颖）</li> <li>多写安全、性能、内存泄漏、devtools 常用 api</li> <li>暗黑模式切换-可以写简历里面</li> <li>前端图片裁剪</li> <li>批量引入组件，require.context</li> <li>vue 通信的 $listener 和 $attr，很重要，一般涉及 vue 高阶组件都会问，（来色奈尔）</li> <li>webpack 的 HMR 研究</li> <li>Illustrator（诶勒斯缺特儿）</li></ul> <h3 id="今后怎么去工作"><a href="#今后怎么去工作" class="header-anchor">#</a> 今后怎么去工作</h3> <p>经过这次简历的修改，和专业技能的提升，有一些心得</p> <p>如果我觉得我是一个比别人厉害的人，我能做好的事情要是给他们做做得肯定没有我好，那我就是优秀，我为什么不能走在他们的前面呢？</p> <ul><li>在平时只注重各种杂七杂八的业务需求 bug 修改，忘记了功能点的积累，所以做好一个东西，要总结哪些功能点将来能写到简历里</li> <li>有些东西从开始就注定没有意义的，比如学习 appcan 开发，研究 ionic3 的热更新，很快就过时了，曾经耗费心血，却不能在简历里留下什么</li></ul> <h3 id="对简历里一些疑惑点说明"><a href="#对简历里一些疑惑点说明" class="header-anchor">#</a> 对简历里一些疑惑点说明</h3> <p>细节</p> <ul><li><p>vue3 新特性</p> <div class="language-text extra-class"><pre class="language-text"><code>Proxy：不只是解决了 defineProperty 的局限性。
Performance：性能更比 Vue 2.0 强。
Tree shaking support：可以将无用模块“剪辑”，仅打包需要的。
Composition API：组合 API。
Fragment, Teleport, Suspense：“碎片”，Teleport 即 Protal 传送门，“悬念”。
Better TypeScript support：更优秀的 Ts 支持。
Custom Renderer API：暴露了自定义渲染 API
</code></pre></div></li> <li><p>vite</p> <div class="language-text extra-class"><pre class="language-text"><code>基于浏览器原生ES模块导入
生产环境下使用Rollup打包

快速的冷启动
即时热模块更新（HMR，Hot Module Replacement）
真正按需编译
</code></pre></div></li> <li><p>hybrid 读什么：嗨不内得</p></li> <li><p>nuxtjs 读音，与 nextjs 区别：拿克斯，来克斯，高度集成的同构直出框架</p></li> <li><p>问 ssr，同构？估计会问 BFF：Back-end For Front-end node 中间层</p></li> <li><p>pm2 基本用法，怎么监控：pm2 start npm --name &quot;unibid&quot; -- run start</p></li> <li><p>koa2 基本用法【背诵】：<a href="https://koa.bootcss.com/" target="_blank" rel="noopener noreferrer">https://koa.bootcss.com/<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></li> <li><p>vue 的 preset【背诵】：<a href="https://github.com/dcloudio/uni-preset-vue" target="_blank" rel="noopener noreferrer">https://github.com/dcloudio/uni-preset-vue<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 看这个项目</p></li> <li><p>echarts 基本配置【背诵】，怎么地图下钻</p></li> <li><p>vue-router 哪些钩子，权限控制：<a href="https://router.vuejs.org/zh/guide/advanced/navigation-guards.html" target="_blank" rel="noopener noreferrer">https://router.vuejs.org/zh/guide/advanced/navigation-guards.html<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 进阶相关问的还是比较多的</p></li> <li><p>angular 里怎么传参【问的概率不大，但是必须知道】</p></li> <li><p>jquery 开发插件的步骤</p></li> <li><p>webpack 基本配置</p></li> <li><p>vue 动态组件：<a href="https://juejin.cn/post/6930963373978812430" target="_blank" rel="noopener noreferrer">(vue3 vs vue2) Async Components<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></li> <li><p>websocket 被问怎么用，有什么 API：new WebSocket(&quot;wss://&quot;),onopen onerror onclose onmessage</p> <p>大方向</p></li> <li><p>http 理解</p></li> <li><p>ssr 理解</p></li></ul> <p>大概起始日期
HTML-2014-05-01
CSS-2014-05-01
JavaScript-2015-09-01
JSP-
AppCan-
Ionic1(angularjs)-
Ionic2~5(angular)-
Vue-2019-04
uni-app-</p> <h2 id="怎么寻找技术亮点"><a href="#怎么寻找技术亮点" class="header-anchor">#</a> 怎么寻找技术亮点</h2> <p>面试官网问你做了什么</p> <div class="language-text extra-class"><pre class="language-text"><code>我：我做了一个网站，我还做了一个APP。面试官：滚
别人：我给A系统做了B功能，性能提高50%，我还封装了C功能方便与微服务对接。面试官：nice
</code></pre></div><p>为什么别人总有那么多功能点，明明我干的活比他们多，懂得也比他们多</p> <p>别人做的都是大功能-小项目，我做的都是大项目-小功能</p> <p>做了什么，结果（跟技术有关）是什么，原理是什么（不写）</p> <p>从今天开始总结，提取项目中的亮点</p> <p>还可以从技术社区或技术群收集疑难杂症，自己研究解决，变成自己的亮点</p> <p>经过这段离职时间的思考，大概是工作中做的功能太多了，每天都是需求-产出，需求-产出</p> <p>没有了需求，没有了产出，爱技术的人才会停下来，仔细想想，那些 api 是什么意思，底层的实现等等</p></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">更新时间:</span> <span class="time">12/23/2021, 11:35:55 AM</span></div></footer> <div class="page-nav"><p class="inner"><!----> <span class="next"><a href="/resume/zhangqiuyi.html">
        张秋怡-优秀简历
      </a>
      →
    </span></p></div> </main></div><div class="global-ui"><!----></div></div>
    <script src="/assets/js/app.bf44e39b.js" defer></script><script src="/assets/js/2.db7a59af.js" defer></script><script src="/assets/js/253.9d736b7d.js" defer></script>
  </body>
</html>
